<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>JSP 프로젝트 v1</title>
		<link type="text/css" href="../css/layout.css"
			rel="stylesheet" />
		<style type="text/css">
			.contents { width: 550px; height: 250px;
				display: inline-block; 
				border: 1px solid gold;
				overflow: auto; }
			.dragup { vertical-align: top; }	
		</style>
		
	</head>

	<body>
		<div>
			<h1>JSP 프로젝트 v1</h1><!-- 제목 -->
			<ul id="nav">
				<li><a href="../index.html">Home</a></li>
				<li><a href="../member/join.html">회원가입</a></li>
				<li><a href="../member/login.html">로그인</a></li>
				<li><a href="list.html">게시판</a></li>
				<li><a href="../member/myinfo.html">회원정보</a></li>
			</ul>	<!-- 상단메뉴 -->
			<hr />
		</div><!-- // header -->
		<div id="content">
			<h2>게시판 본문</h2>
			<div id="view">
				<div><label>제목</label><span></span></div>
				<div><label>작성자</label><span> </span></div>
				<div><label>작성일</label><span> </span></div>
				<div><label>조회수</label><span> </span></div>
				<div><label class="dragup">본문</label>
				<span class="contents">
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
					시간은 금이라구, 친구!!! 시간은 금이라구, 친구!!!
				</span></div>
				<div><label> </label><button type="button" id="updbtn">수정하기</button>
					<button type="button" id="delbtn">삭제하기</button> </div>
			</div>
		</div><!-- // content -->
		<div>
			<hr />
			<p id="copy">copyrights(c) 2013. siestageek. 
				all rights reserved.</p>
		</div><!-- // footer -->
		
		<script type="text/javascript">
			var deletebtn = document.getElementById("delbtn");
			deletebtn.onclick = function () { 
				if ( confirm('정말로 삭제하시겠습니까?') ) {
					alert(" 삭제가 되었어요~ ");
					location.href="list.html"; 
				}
			};
			var updatebtn = document.getElementById("updbtn");
			updatebtn.onclick = function() {
				location.href="update.html";
			};
		</script>
		
	</body>
</html>




